<template>
  <div class="dashboard">
    <userInfo />
    <div class="container">
      <userCharts />
      <navBar />
      <newArticle />
      <newComment />
      <cmtFooter />
    </div>
  </div>
</template>

<script>
import userInfo from '@/components/Workbench/userTop.vue'
import cmtFooter from '@/components/CommentManage/commentFooter.vue'
import userCharts from '@/components/Workbench/userCharts.vue'
import navBar from '@/components/Workbench/navBar.vue'
import newArticle from '@/components/Workbench/newArticle.vue'
import newComment from '@/components/Workbench/newComment.vue'
export default {
  components: {
    cmtFooter,
    userInfo,
    userCharts,
    navBar,
    newArticle,
    newComment
  }
}
</script>
<style lang="scss" scoped>
.container {
  width: 100%;
  height: 460px;
  background: #e7eaee;
  padding: 24px;
  overflow-y: auto;
}
</style>
